<template>
  <div class="error-page">
    <div class="wscn-http404">
      <div class="pic-404">
        <img
          class="pic-404__parent"
          src="../../assets/images/error-page/500.png"
          alt="500"
        />
        <img
          class="pic-404__child left"
          src="../../assets/images/error-page/404_cloud.png"
          alt="404"
        />
        <img
          class="pic-404__child mid"
          src="../../assets/images/error-page/404_cloud.png"
          alt="404"
        />
        <img
          class="pic-404__child right"
          src="../../assets/images/error-page/404_cloud.png"
          alt="404"
        />
      </div>
      <div class="bullshit">
        <div class="bullshit__oops">500</div>
        <div class="bullshit__info">Copyright © 2022 平湖研究院</div>
        <div class="bullshit__headline">服务器出错!!!</div>
        <div class="bullshit__info">别急，工程师正在紧急处理</div>
        <a href="#" @click.stop.prevent="back" class="bullshit__return-home"
          >返回首页</a
        >
      </div>
    </div>
  </div>
</template>

<script>
import "./error.scss";

export default {
  name: "Page500",
  methods: {
    back() {
      this.$router.push({ path: "/home" });
    },
  },
};
</script>
